<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>王者荣耀官网</title>
	<link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico">
	<link rel="stylesheet" href="css/wxry.css">
	<script src="js/wzry.js"></script>
</head>
<body onload="tn(1)">
	<!-- top -->
	<div class="top w">
		<ul class="topLeft fl">
			<li>
				<a href="#"></a>
			</li>
			<li>
				<a href="#">
					<img src="images/top1.jpg">
					<div class="dnf">
						<img src="images/top2.jpg">
					</div>
				</a>
			</li>
		</ul>
		<ul class="topRight fr">
			<li>
				<a href="#">成长守护平台</a>
			</li>
			<li>
				<a href="#">
					腾讯游戏排行榜<span class="jt"></span>
				</a>
				<!-- 右侧排行榜 -->
				<div class="phb">
						<div class="phbLeft">
							<h2><a href="#">新品端游排行榜<span class="jt"></span></a></h2>
							<ul>
								<li>
									<p>FIFA OL4</p>
									<img src="images/FIFA.jpg">
									<div>
										<a href="#">进入官网</a>
										<a href="#">下载游戏</a>
									</div>
									<span class="num">1</span>
								</li>
								<li>
									<p>灵山奇缘</p>
									<img src="images/灵山奇缘.jpg">
									<div>
										<a href="#">进入官网</a>
										<a href="#">下载游戏</a>
									</div>
									<span class="num">2</span>
								</li>
								<li>
									<p>nba2k2</p>
									<img src="images/NBA.jpg">
									<div>
										<a href="#">进入官网</a>
										<a href="#">下载游戏</a>
									</div>
									<span class="num">3</span>
								</li>
								<li>
									<p>冒险岛2</p>
									<img src="images/冒险岛2.jpg">
									<div>
										<a href="#">进入官网</a>
										<a href="#">下载游戏</a>
									</div>
									<span class="num">4</span>
								</li>
								<li>
									<p>流放之路</p>
									<img src="images/流放之路.jpg">
									<div>
										<a href="#">进入官网</a>
										<a href="#">下载游戏</a>
									</div>
									<span class="num">5</span>
								</li>
								<li>
									<p>穿越火线</p>
									<img src="images/穿越火线.jpg">
									<div>
										<a href="#">进入官网</a>
										<a href="#">下载游戏</a>
									</div>
									<span class="num">6</span>
								</li>
								<li>
									<p>极品飞车online</p>
									<img src="images/极品飞车.jpg">
									<div>
										<a href="#">进入官网</a>
										<a href="#">下载游戏</a>
									</div>
									<span class="num">7</span>
								</li>
								<li>
									<p>炫舞</p>
									<img src="images/炫舞.jpg">
									<div>
										<a href="#">进入官网</a>
										<a href="#">下载游戏</a>
									</div>
									<span class="num">8</span>
								</li>
								<li>
									<p>御龙在天</p>
									<img src="images/御龙在天.jpg">
									<div>
										<a href="#">进入官网</a>
										<a href="#">下载游戏</a>
									</div>
									<span class="num">9</span>
								</li>
								<li>
									<p>CODOL使命召唤Online</p>
									<img src="images/使命召唤.jpg">
									<div>
										<a href="#">进入官网</a>
										<a href="#">下载游戏</a>
									</div>
									<span class="num">10</span>
								</li>
							</ul>
						</div>
						<div class="phbMiddle">
							<h2><a href="#">热门端游排行榜<span class="jt"></span></a></h2>
							<ul>
								<li>
									<p>英雄联盟LOL</p>
									<img src="images/英雄联盟.jpg">
									<div>
										<a href="#">进入官网</a>
										<a href="#">下载游戏</a>
									</div>
									<span class="num">1</span>
								</li>
								<li>
									<p>穿越火线</p>
									<img src="images/穿越火线.jpg">
									<div>
										<a href="#">进入官网</a>
										<a href="#">下载游戏</a>
									</div>
									<span class="num">2</span>
								</li>
								<li>
									<p>dnf</p>
									<img src="images/DNF.jpg">
									<div>
										<a href="#">进入官网</a>
										<a href="#">下载游戏</a>
									</div>
									<span class="num">3</span>
								</li>
								<li>
									<p>天涯明月刀</p>
									<img src="images/天涯明月刀.jpg">
									<div>
										<a href="#">进入官网</a>
										<a href="#">下载游戏</a>
									</div>
									<span class="num">4</span>
								</li>
								<li>
									<p>炫舞</p>
									<img src="images/炫舞.jpg">
									<div>
										<a href="#">进入官网</a>
										<a href="#">下载游戏</a>
									</div>
									<span class="num">5</span>
								</li>
								<li>
									<p>CODOL使命召唤Online</p>
									<img src="images/使命召唤.jpg">
									<div>
										<a href="#">进入官网</a>
										<a href="#">下载游戏</a>
									</div>
									<span class="num">6</span>
								</li>
								<li>
									<p>FIFA OL3</p>
									<img src="images/FIFA.jpg">
									<div>
										<a href="#">进入官网</a>
										<a href="#">下载游戏</a>
									</div>
									<span class="num">7</span>
								</li>
								<li>
									<p>逆战</p>
									<img src="images/逆战.jpg">
									<div>
										<a href="#">进入官网</a>
										<a href="#">下载游戏</a>
									</div>
									<span class="num">8</span>
								</li>
								<li>
									<p>灵山奇缘</p>
									<img src="images/灵山奇缘.jpg">
									<div>
										<a href="#">进入官网</a>
										<a href="#">下载游戏</a>
									</div>
									<span class="num">9</span>
								</li>
								<li>
									<p>nba2k2</p>
									<img src="images/NBA.jpg">
									<div>
										<a href="#">进入官网</a>
										<a href="#">下载游戏</a>
									</div>
									<span class="num">10</span>
								</li>
							</ul>
						</div>
						<div class="phbRight">
							<h2><a href="#">热门手游排行榜<span class="jt"></span></a></h2>
							<ul>
								<li>
									<p>王者荣耀</p>
									<img src="images/王者荣耀.jpg">
									<div>
										<a href="#">进入官网</a>
										<a href="#">下载游戏</a>
									</div>
									<span class="num">1</span>
								</li>
								<li>
									<p>和平精英</p>
									<img src="images/和平精英.jpg">
									<div>
										<a href="#">进入官网</a>
										<a href="#">下载游戏</a>
									</div>
									<span class="num">2</span>
								</li>
								<li>
									<p>穿越火线：枪战王者</p>
									<img src="images/cf手游.jpg">
									<div>
										<a href="#">进入官网</a>
										<a href="#">下载游戏</a>
									</div>
									<span class="num">3</span>
								</li>
								<li>
									<p>龙族幻想</p>
									<img src="images/龙族.jpg">
									<div>
										<a href="#">进入官网</a>
										<a href="#">下载游戏</a>
									</div>
									<span class="num">4</span>
								</li>
								<li>
									<p>多多自走棋</p>
									<img src="images/多多.jpg">
									<div>
										<a href="#">进入官网</a>
										<a href="#">下载游戏</a>
									</div>
									<span class="num">5</span>
								</li>
								<li>
									<p>雪鹰领主手游</p>
									<img src="images/雪鹰领主.jpg">
									<div>
										<a href="#">进入官网</a>
										<a href="#">下载游戏</a>
									</div>
									<span class="num">6</span>
								</li>
								<li>
									<p>猎人手游</p>
									<img src="images/猎人.jpg">
									<div>
										<a href="#">进入官网</a>
										<a href="#">下载游戏</a>
									</div>
									<span class="num">7</span>
								</li>
								<li>
									<p>狐妖小红娘</p>
									<img src="images/狐妖小红娘.jpg">
									<div>
										<a href="#">进入官网</a>
										<a href="#">下载游戏</a>
									</div>
									<span class="num">8</span>
								</li>
								<li>
									<p>三国群英传-霸王之业</p>
									<img src="images/三国.jpg">
									<div>
										<a href="#">进入官网</a>
										<a href="#">下载游戏</a>
									</div>
									<span class="num">9</span>
								</li>
								<li>
									<p>龙珠最强之战</p>
									<img src="images/龙珠.jpg">
									<div>
										<a href="#">进入官网</a>
										<a href="#">下载游戏</a>
									</div>
									<span class="num">10</span>
								</li>
							</ul>
						</div>
    			</div>
			</li>
		</ul>
	</div>

	<!-- header -->
	<div class="header">
		<div class="w">
			<!-- 王者荣耀logo -->
			<div class="logo fl"><a href="#"></a></div>
			<!-- 顶部导航栏 -->
			<div class="topNav fl">
				<ul>
					<li><a href="#">官网首页<span>HOME</span></a></li>
					<li><a href="#">游戏资料<span>DATA</span></a></li>
					<li><a href="#">内容中心<span>CONTENTS</span></a></li>
					<li><a href="#">赛事中心<span>MATCH</span></a></li>
					<li><a href="#">百态王者<span>CULTURE</span></a></li>
					<li><a href="#">社区互动<span>COMMUNITY</span></a></li>
					<li><a href="#">玩家支持<span>PLAYER</span></a></li>
				</ul>
			</div>
			<!-- 右侧登录栏 -->
			<div class="login">
				<div class="loginLeft">
					<a href="#"><img src="images/login.png" alt=""></a>
				</div>
				<div class="loginRight">
					<a href="#">欢迎登录</a>
					<p>登录后查看游戏战绩</p>
				</div>
			</div>
			<!-- 导航栏列表 -->
			<div class="tNavList">
				<ul>
					<li>&nbsp;</li>
					<li>
						<a href="#">版本介绍</a>
						<a href="#">游戏介绍</a>
						<a href="#">英雄资料</a>
						<a href="#"><i class="icon-new"></i>爆料站</a>
						<a href="#"><i class="icon-new"></i>故事站</a>
						<a href="#">游戏壁纸</a>
						<a href="#"><i class="icon-new"></i>模拟战资料库</a>
					</li>
					<li>
						<a href="#">攻略中心</a>
						<a href="#">英雄攻略</a>
						<a href="#">视频中心</a>
						<a href="#"><i class="icon-new"></i>开放素材库</a>
						<a href="#">王者视角</a>
						<a href="#">作者入驻</a>
						<a href="#">媒体入驻</a>
					</li>
					<li>
						<a href="#">冬季冠军杯</a>
						<a href="#">KPL</a>
						<a href="#"><i class="icon-new"></i>模拟战冬冠</a>
						<a href="#">KRKPL</a>
						<a href="#">高校赛</a>
						<a href="#">城市赛</a>
						<a href="#">全民赛</a>
						<a href="#"><i class="icon-new"></i>赛事数据</a>
					</li>
					<li>
						<a href="#">荣耀·传承</a>
						<a href="#">王者文化站</a>
						<a href="#">王者音乐听</a>
						<a href="#">万千世界</a>
						<a href="#">星光殿堂</a>
						<a href="#">商户特权</a>
						<a href="#"><i class="icon-new"></i>无限王者团</a>
					</li>
					<li>
						<a href="#"><i class="icon-new"></i>创意互动营</a>
						<a href="#"><i class="icon-hot"></i>王者营地</a>
						<a href="#">手Q部落</a>
						<a href="#">微信圈子</a>
						<a href="#">官方微博</a>
						<a href="#">微信公众号</a>
						<a href="#">手Q订阅号</a>
						<a href="#">同人社区</a>
					</li>
					<li>
						<a href="#"><i class="icon-guard"></i>成长守护平台</a>
						<a href="#"><i class="icon-health"></i>健康系统</a>
						<a href="#"><i class="icon-new"></i>对局环境情报站</a>
						<a href="#">客服专区</a>
						<a href="#">礼包兑换</a>
						<a href="#">自助服务</a>
					</li>
				</ul>
			</div>
		</div>
	</div>

	<!-- wrapper -->
	<div class="wrapper">
		<div class="main w">
			<!-- 进入专题链接 -->
			<a href="#"></a>
			<!-- 左侧广告新闻 -->
			<div class="mainLeft fl">
				<!-- 广告 -->
				<div class="banner fl">
					<img id="ggImg" src="images/banner1.jpg">
					<ul>
						<li><a href="#" class="guangao active" onmouseenter="gg(1)">张靓颖西施MV</a></li>
						<li><a href="#" class="guangao" onmouseenter="gg(2)">王者模拟战正式版</a></li>
						<li><a href="#" class="guangao" onmouseenter="gg(3)">QG年度巡礼</a></li>
						<li><a href="#" class="guangao" onmouseenter="gg(4)">团战终结者降临</a></li>
						<li><a href="#" class="guangao" onmouseenter="gg(5)">虎扑冬冠红黑榜</a></li>
					</ul>
				</div>
				<!-- 新闻 -->
				<div class="news fr">
					<div class="newsTop">
						<ul>
							<li><a class="nt active" href="#" onmouseenter="nt(1)">全部</a></li>
							<li><a class="nt" href="#" onmouseenter="nt(2)">新闻</a></li>
							<li><a class="nt" href="#" onmouseenter="nt(3)">公告</a></li>
							<li><a class="nt" href="#" onmouseenter="nt(4)">活动</a></li>
							<li><a class="nt" href="#" onmouseenter="nt(5)">赛事</a></li>
						</ul>
						<a href="#" class="more">...</a>
					</div>
					<div class="newsList">
						<!-- 热门 -->
						<div id="nl1">
							<h3><a href="">1月9日全服不停机更新公告</a></h3>
							<div>
								<ul>
									<li><a href="#">赛季奖励领取调整说明及未领取奖励补发公告</a><span>01/09</span></li>
									<li><a href="#">【已开服】1月9日正式服“强者之路”版本更新公告</a><span>01/08</span></li>
									<li><a href="#">强者之路开启 S18全新赛季来临 超多福利等你来拿</a><span>01/08</span></li>
									<li><a href="#">【正式服】“强者之路”版本异常问题说明</a><span>01/09</span></li>
									<li><a href="#">iOS更新相关问题指引</a><span>01/09</span></li>
									<li><a href="#">新版本预告③｜模拟战新增英雄，小精灵还能打招呼~</a><span>01/06</span></li>
									<li><a href="#">皮肤升级丨凤凰刺绣、云端御剑，征求你的意见</a><span>01/07</span></li>
								</ul>
							</div>
						</div>
						<!-- 新闻 -->
						<div id="nl2">
							<h3><a href="#">新版本预告③｜模拟战新增英雄，小精灵还能打招呼~</a></h3>
							<div>
								<ul>
									<li><a href="#">皮肤升级丨凤凰刺绣、云端御剑，征求你的意见</a><span>01/07</span></li>
									<li><a href="#">新版本预告④｜√新英雄√新皮肤√新玩法，精彩全合集</a><span>01/07</span></li>
									<li><a href="#">五岳皮肤研发全纪实丨鼠年限定首曝，还原五岳东方之美</a><span>01/02</span></li>
									<li><a href="#">新版本预告②丨S18荣耀战令更新，昭君新衣抢先看！</a><span>12/31</span></li>
									<li><a href="#">新版本预告①丨S18赛季即将来袭，峡谷调整抢先知</a><span>12/30</span></li>
									<li><a href="#">新皮肤爆料丨脚踏火箭，手持星星！猫鼠组合星际奇妙冒险</a><span>12/29</span></li>
									<li><a href="#">新英雄蒙犽丨子弹分裂转弯，全图支援跟踪导弹！</a><span>12/27</span></li>
								</ul>
							</div>
						</div>
						<!-- 公告 -->
						<div id="nl3">
							<h3><a href="#">1月9日全服不停机更新公告</a></h3>
							<div>
								<ul>
									<li><a href="#">赛季奖励领取调整说明及未领取奖励补发公告</a><span>01/09</span></li>
									<li><a href="#">【已开服】1月9日正式服“强者之路”版本更新公告</a><span>01/08</span></li>
									<li><a href="#">iOS更新相关问题指引</a><span>01/09</span></li>
									<li><a href="#">安卓更新相关问题指引</a><span>01/09</span></li>
									<li><a href="#">【正式服】“强者之路”版本异常问题说明</a><span>01/09</span></li>
									<li><a href="#">1月7日体验服停机更新公告</a><span>01/07</span></li>
									<li><a href="#">1月7日抢先服不停机更新公告</a><span>01/06</span></li>
								</ul>
							</div>
						</div>
						<!-- 活动 -->
						<div id="nl4">
							<h3><a href="#">强者之路开启 S18全新赛季来临 超多福利等你来拿</a></h3>
							<div>
								<ul>
									<li><a href="#">抢先服新赛季更新 新版本福利等你来拿</a><span>01/01</span></li>
									<li><a href="#">新年有心意 峡谷送好礼</a><span>12/30</span></li>
									<li><a href="#">欢喜迎双旦 暖心好礼邀你峡谷狂欢</a><span>12/23</span></li>
									<li><a href="#">恭喜AG超玩会获得秋季赛总冠军！冠军庆典惊喜不断</a><span>12/16</span></li>
									<li><a href="#">KPL限定皮肤【天狼征服者】全服购买开启公告</a><span>12/14</span></li>
									<li><a href="#">【看KPL秋决，赢豪华大礼】活动公告</a><span>12/12</span></li>
									<li><a href="#">【奇遇咕嗒的寻宝之旅】活动公告</a><span>12/11</span></li>
								</ul>
							</div>
						</div>
						<!-- 赛事 -->
						<div id="nl5">
							<h3><a href="#">王者少年的英雄梦！高校打造文字矩阵空间通道装置王者少年的英雄梦！高校打造文字矩阵空间通道装置</a></h3>
							<div>
								<ul>
									<li><a href="#">强强联合！LGD携手大鹅文化，斥资8000万进军KPL</a><span>01/08</span></li>
									<li><a href="#">一笔绘峡谷，一梦登王者！ 山东工艺美术学院“王者360度全景画”来了！</a><span>01/07</span></li>
									<li><a href="#">2020年KPL春季转会期即将开启</a><span>01/07</span></li>
									<li><a href="#">聚有荣耀！冬冠团聚夜今日18:00正式开启，观看直播赢团聚机票</a><span>01/05</span></li>
									<li><a href="#">QGhappy夺得冰凤凰杯成为“五冠王”，王者荣耀冬季冠军杯广州完美落幕</a><span>01/05</span></li>
									<li><a href="#">王者荣耀冬季冠军杯总决赛今日17:30开战，观赛赢貂蝉FMVP永久皮肤！</a><span>01/04</span></li>
									<li><a href="#">校园共创，第六届王者荣耀高校联赛主题曲《王者少年英雄梦》强势来袭！</a><span>01/03</span></li>
								</ul>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- 右侧按钮 -->
			<div class="mainRight fr">
				<a href="#"></a>
				<a href="#"></a>
				<a href="#"></a>
			</div>
		</div>
		<!-- 下方按钮 -->
		<div class="botBtn w clearfix">
			<a href="#"><img src="images/官方爆料.jpg"></a>
			<a href="#"><img src="images/王者营地.jpg"></a>
			<a href="#"><img src="images/荣耀传承.jpg"></a>
			<a href="#"><img src="images/赛事专区.jpg"></a>
		</div>
		<!-- 快速入口结束 -->
	</div>

	<!-- 英雄 -->
	<div class="hero">
		<div class="w">
			<div class="title"><h2>英雄介绍</h2></div>
			<div class="heroNav clearfix">
				<ul>
					<li><span>英&nbsp;&nbsp;&nbsp;&nbsp;雄</span></li>
				</ul>
			</div>
			<div class="heroBox">
				<!-- 英雄类型 -->
				<div class="heroTypes">
					<ul class="typesLeft">
						<li>定位</li>
					</ul>
					<ul class="typesName">
						<li class="tn active" onclick="tn(1)"><span><i></i></span>全部</li>
						<li class="tn" onclick="tn(2)"><span><i></i></span>坦克</li>
						<li class="tn" onclick="tn(3)"><span><i></i></span>战士</li>
						<li class="tn" onclick="tn(4)"><span><i></i></span>刺客</li>
						<li class="tn" onclick="tn(5)"><span><i></i></span>法师</li>
						<li class="tn" onclick="tn(6)"><span><i></i></span>射手</li>
						<li class="tn" onclick="tn(7)"><span><i></i></span>辅助</li>
					</ul>
					<div class="heroSearch">
	                    <input id="find" type="text" value="实装了模糊匹配，搜吧" 
	                    onfocus="if (value =="实装了模糊匹配，搜吧"){value =""}" 
	                    onblur="
	                    if (value ==""){value="实装了模糊匹配，搜吧"}
	                    if(value =="实装了模糊匹配，搜吧"){tn(1)}" onchange="findHero()" />
	                    <a href="javascript:void(0)"></a>
	                </div>
				</div>
				<!-- 英雄列表 -->
				<div>
					<ul id="heroList" class="clearfix">
						<!-- js创建li -->
					</ul>
				</div>
			</div>
		</div>
	</div>

	<!-- footer -->
	<div class="footer">
		<div class="w">
			<div class="footerTop">
				<a href="#"></a>
				<a href="#"></a>
			</div>
			<div class="footerBottom">
				<div class="BottomLeft fl">
					<p>温馨提示：本游戏适合16岁(含)以上玩家娱乐</p>
					<p class="clearfix">
						<span>抵制不良游戏</span>
						<span>拒绝盗版游戏</span>
						<span>注意自我保护</span>
						<span>谨防受骗上当</span>
						<span>适度游戏益脑</span>
						<span>沉迷游戏伤身</span>
						<span>合理安排时间</span>
						<span>享受健康生活</span>
					</p>
					<p>
						《王者荣耀》全部背景故事发生于架空世界“王者大陆”中。相关人物、地理、事件均为艺术创作，并非正史。若因观看王者故事对相关历史人物产生兴趣，建议查阅正史记载。
					</p>
				</div>
				<div class="BottomRight fl">
					<ul class="clearfix">
						<li><a href="#">腾讯互动娱乐</a></li>
						<li><a href="#">服务条款</a></li>
						<li><a href="#">腾讯游戏隐私保护指引</a></li>
						<li><a href="#">腾讯游戏招聘</a></li>
						<li><a href="#">腾讯游戏客服</a></li>
						<li><a href="#">游戏地图</a></li>
						<li><a href="#">商务合作</a></li>
						<li><a href="#">腾讯网</a></li>
						<li><a href="#">网站导航</a></li>
					</ul>
					<div class="copyright clearfix">
						<p class="fl">COPYRIGHT © 1998 - 2019 TENCENT. ALL RIGHTS RESERVED.</p>
						<span class="fr">腾讯公司版权所有</span>
					</div>
					<p><a href="#">粤网文[2017]6138-1456号</a>| <a href="#">（总）网出证（粤）字第057号</a></p>
					<p><a href="#"><img src="images/icplogo.png">文网游备字[2016]M-CSG 0059 号</a> | 新广出审[2017] 6712号 | ISBN 978-7-7979-8408-9</p>
					<p>全国文化市场统一举报电话：12318</p>

				</div>
			</div>
		</div>
	</div>

	<!-- 右下飘窗 -->
	<a href="#" class="lqlbImg"></a>
	<div class="lqlb">
		<img src="images/lqlbTop.png" class="lqlbTop">
		<img src="images/ewm.png" class="ewm">
	</div>
</body>
</html>